<template>
    <div>
        <h1>全局事件管理器</h1>
        <p>全局可用，无需定义，事件管理器一般用于websocket通讯、跨页面通讯、自定义事件通讯</p>

        <!-- 注册 -->
        <h3>on-注册（返回）</h3>
        <h3>emit-提交</h3>
        <h3>off-销毁</h3>
        <h3>clear-清空</h3>
        <div class="code">
            const EName = { Test: 'test' }
            <br />
            const cid = CEvent.on(EName.Test, (data) => { console.log('收到消息', data) })
            <br />
            CEvent.emit(EName.Test, '数据1')//正常显示
            <br />
            CEvent.emit(EName.Test, '数据2')//正常显示
            <br />
            CEvent.off(cid)//销毁事件监听
            <br />
            CEvent.emit(EName.Test, '数据3')//无显示
            <br />
        </div>


        <h3>单独创建对象进行管理？</h3>
        <div>使用CEventBean ,可用方法和全局一致</div>
        <div class="code">
            const event = new EventBean()
            const EName = { Test: 'test' }
            <br />
            const cid = event.on(EName.Test, (data) => { console.log('收到消息', data) })
            <br />
            event.emit(EName.Test, '数据1')//正常显示
            <br />
            event.emit(EName.Test, '数据2')//正常显示
            <br />
            event.off(cid)//销毁事件监听
            <br />
            event.emit(EName.Test, '数据3')//无显示
            <br />
        </div>
    </div>
</template>
<script setup lang="ts">
</script>
<style lang="less" scoped></style>
